home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / details.css165 < prev    next >
Encoding:
Text File  |  2008-01-06  |  6.5 KB  |  391 lines
  1. /*
  2. CSS for Details page.
  3. */
  4.  
  5. html {
  6.     overflow-y:hidden;
  7.     overflow-x:hidden;
  8. }
  9.  
  10. BODY {
  11.     margin:0px;
  12.     padding:0px;
  13.     background-color:#368;
  14.   
  15.     font-family:Verdana,"Trebuchet MS", Arial, sans-serif;
  16.     font-size:10px;
  17. }
  18.  
  19. #DETAILS_HEADER {
  20.     display: inline-block;
  21.     left: 0px;
  22.     top: 0px;
  23.     width:100%;
  24.     color:#000000;
  25.     background:#ffffff url("../graphics/main_bg.jpg") repeat-x left top;
  26.     margin:0px 0px 0px 0px;
  27.     border:0px 0px 0px 0px;
  28.     padding:0px 0px 0px 0px;
  29.     height:60px;
  30. }
  31.  
  32. #DETAILS_HEADER_DIV, #OPTIONS_DIV, #BUTTONS_DIV, #QUALITY_DIV, #UPDATE_DIV {
  33.     background-color:#000000;
  34.     height:1px;
  35.     width:100%;
  36.     overflow: hidden;
  37.     clear:both;
  38. }
  39.  
  40. #DETAILS_HEADER_TEXT {
  41.     display: inline-block;
  42.     margin: 0px 5px 0px 5px;
  43.     width:100%;
  44. }
  45.  
  46. #DETAILS_TEXTLARGE {
  47.     display: inline-block;
  48.     font-size:24px;
  49.     font-weight:bold;
  50.     float:left;
  51.     text-indent: 5px;
  52. }
  53.  
  54. .butUpdateTime A {
  55.     text-decoration: none;
  56.     font-size: 12px;
  57. }
  58.  
  59. #RECORD_BUTS A, .butShowAllEpisodes A, .butShowThisEpisode A, .butSearchThisEpisode A, .butUpdateTime A {
  60.     text-decoration: none;
  61.     font-size: 11px;
  62.     font-weight:bold;
  63.     color: #000000;
  64.  
  65.     display: inline-block;
  66.     
  67.     border: 1px solid #000000;
  68.     margin: 2px 0px 0px 4px;
  69.     padding: 0px 6px 0px 6px;
  70.     background-color: #0066EE;
  71.     
  72.     /*  */
  73.     white-space: nowrap;
  74.     text-align: center;
  75.     vertical-align: middle;
  76.     line-height:24px;
  77.  
  78.     overflow: visible;
  79.     float:left;
  80. }
  81.  
  82. #RECORD_BUTS A:hover, .butShowAllEpisodes A:hover, .butShowThisEpisode A:hover, .butSearchThisEpisode A:hover, .butUpdateTime A:hover {
  83.     background-color: #00BBFF;
  84. }
  85.  
  86. .infoTitle {
  87.     font-size: 14px;
  88.     font-weight: bold;
  89. }
  90.  
  91. .infoText {
  92.     font-size: 11px;
  93.     font-weight:normal;
  94. }
  95.  
  96. #EPISODE_BUTTONS, #RECORD_BUTS {
  97.     display: inline-block;
  98.     margin: 5px 5px 0px 5px;
  99. }
  100.  
  101. #RECORD_BUTS {
  102.     margin: 3px 5px 5px 0px;
  103.     float:left;
  104.     clear:both;
  105. }
  106.  
  107. #EPISODE_DATE {
  108.     float:left;
  109.     display: inline-block;
  110.     clear: both;
  111.     margin: 5px 0px 0px 5px;
  112. }
  113.  
  114. #EPISODE_BUTTONS {
  115.     margin: 2px 5px 0px 1px;
  116. }
  117.  
  118. #EPISODE_CHANNEL {
  119.     float:left;
  120.     display: inline-block;
  121.     margin: 5px 5px 0px 30px;
  122. }
  123.  
  124. #CHANNEL_ICON {
  125.     float:left;
  126.     width:67px;
  127.     height:50px;
  128.     margin-left:10px;
  129.     margin-top:4px;
  130. }
  131.  
  132. .channelNum {
  133.     font-size:16px;
  134.     font-weight:bold;
  135. }
  136.  
  137. .channelName {
  138.     font-size:12px;
  139.     font-weight:normal;
  140. }
  141.  
  142. #EPISODE_DESC {
  143.     display: inline-block;
  144.     float:left;
  145.     clear: both;
  146.     margin: 5px 5px 5px 5px;
  147.     width:99%;
  148. }
  149.  
  150. .subtitleText {
  151.     font-size: 11px;
  152.     font-weight:bold;
  153. }
  154.  
  155. #RECORD_OPTIONS {
  156.     clear:left;
  157.     display: inline-block;
  158.     padding:0;
  159.     margin: 0px 5px 0px 5px;
  160.     z-index:99;
  161.     overflow: hidden;
  162.     line-height: 20px;
  163.     vertical-align:baseline;
  164. }
  165.  
  166. #RECORD_OPTIONS INPUT {
  167.     vertical-align:top;
  168. }
  169. #RECORD_OPTIONS_LEFT, #RECORD_OPTIONS_RIGHT, #RECORD_DAYS_2, #RECORD_DAYS_3, #RECORD_DAYS_4 {
  170.     float:left;
  171.     margin: 0px 0px 0px 10px;
  172.     padding: 3px 0px 3px 0px;
  173. }
  174.  
  175. #RECORD_OPTIONS_LEFT {
  176.     margin: 0px 20px 0px 0px;
  177. }
  178.  
  179. #RECORD_DAYS_2, #RECORD_DAYS_4 {
  180.     margin-left:0px;
  181. }
  182. #DAYS_LIST {
  183.     background-color: #99BBEE;
  184.     color: #000000;
  185.     border-left: 1px solid #696969;
  186.     border-right: 1px solid #696969;
  187.     float:left;
  188.     margin: 1px 0px 0px 20px;
  189.     padding: 0px 5px 0px 2px;
  190. }
  191.  
  192. #RECORD_QUALITY, #RECORD_PADDING {
  193.     position: relative;
  194.     display: inline-block;
  195.     clear:both;
  196.     margin-top:5px;
  197.     line-height:20px;
  198.     vertical-align:middle;
  199.     white-space: nowrap;
  200.     overflow: hidden;
  201.     margin-left:5px;
  202. }
  203.  
  204. #RECORD_KEEP {
  205.     margin-left:5px;
  206. }
  207.  
  208. #RECORD_PADDING {
  209.     margin-bottom:5px;
  210. }
  211.  
  212. #RECORD_KEEP INPUT, #RECORD_PADDING INPUT, #RECORD_QUALITY INPUT, #RECORD_TEXT INPUT {
  213.     line-height:20px;
  214.     vertical-align:middle;
  215.     text-align: center;
  216.     border: 1px solid black;
  217.     background-color: #fff5ee;
  218.     padding: 1px 0px 0px 0px;
  219.     padding-top: 0px;
  220.     height:22px;
  221.     margin-left:3px;
  222. }
  223.  
  224. #RECORD_QUALITY SELECT {
  225.     line-height:20px;
  226.     vertical-align:middle;
  227.     border: 1px solid black;
  228.     background-color: #fff5ee;
  229.     padding: 2px 2px 2px 2px;
  230.     height:22px;
  231.     margin-right:15px;
  232.     margin-left:3px;
  233. }
  234.  
  235. .updateText {
  236.     font-size:11px;
  237.     font-weight:bold;
  238.     margin-bottom:-5px;
  239. }
  240. #RECORD_DAYS INPUT {
  241.     float:left;
  242. }
  243.  
  244. #RECORD_DAYS label {
  245.     float:left;
  246.     margin-right:15px;
  247.     vertical-align: middle;
  248. }
  249.  
  250. #UPDATE_RECORDING_TIME, #RECORD_TEXT {
  251.     display: inline-block;
  252.     width:100%;
  253.     clear:both;
  254. }
  255.  
  256. #RECORD_TEXT {
  257.     margin: 5px 0px 5px 5px;
  258. }
  259.  
  260. #ERROR_MESSAGE {
  261.     clear:both;
  262.     font-size: 12px;
  263.     color: #000000;
  264.     font-weight: bold;
  265.     background-color: #ff9f9f;
  266.     padding: 10px 2px 10px 10px;
  267.     border: 1px solid #808080;
  268.     margin: 5px 5px 0px 5px;
  269. }
  270.  
  271. #EPISODE_TITLE {
  272.     font-size: 16px;
  273.     font-weight: bold;
  274.     color: #000000;
  275.     white-space: nowrap;
  276.     background-color: #99BBEE;
  277.     padding: 2px 4px 2px 4px;
  278.     border: 1px solid #808080;
  279.     margin: 5px 5px 0px 5px;
  280. }
  281.  
  282. #EPISODE_SUBTITLE {
  283.     font-size: 11px;
  284.     white-space: nowrap;
  285.  
  286.     background-color: #33AADD;
  287.     padding: 2px 4px 2px 4px;
  288.     border: 1px solid #808080;
  289.     margin: 3px 5px 0px 5px;
  290. }
  291.  
  292. .updateTime {
  293.     font-size: 11px;
  294.     font-weight: bold;
  295.     white-space: nowrap;
  296.     background-color: #ffe082;
  297.     padding: 2px 4px 2px 4px;
  298.     border: 1px solid #808080;
  299.     margin: 5px 5px 0px 5px;
  300. }
  301.  
  302. .padText {
  303.     width:155px;
  304.     text-align: right;
  305.     white-space: nowrap;
  306.     display: inline-block;
  307.     overflow: visible;
  308.     float:left;
  309.     clear:left;
  310.     vertical-align: middle;
  311.     line-height:20px;
  312. }
  313.  
  314. #UPDATE_TEXT {
  315.     float:left;
  316. }
  317.  
  318. #UPDATE_TEXT INPUT {
  319.     width:38px;
  320.     margin-bottom: 3px;
  321. }
  322.  
  323. #UPDATE_BUTTON {
  324.     float:left;
  325.     margin: 42px 0px 0px 20px;
  326. }
  327.  
  328. #EPISODE_CHANNEL {
  329.     float:left;
  330. }
  331.  
  332. #UPDATE_GROUP {
  333.     margin: 5px 5px 0px 0px;
  334.     clear:both;
  335.     display: inline-block;
  336. }
  337.  
  338. .textLarge {
  339.   line-height:32px;
  340. }
  341.  
  342. .textSmall {
  343.   padding-left:3px;
  344.   line-height:14px;
  345. }
  346.  
  347. #HEADER_TEXT {
  348.     margin: 4px 0px 0px 5px;
  349.     float:left;
  350. }
  351.  
  352. #LOGO_HEADER {
  353.     display:inline-block;
  354.     float:left;
  355.     height:46px;
  356.  
  357.     width:47px;
  358.     width:0px; /* width of zero will hide the image */
  359.  
  360.     font-size:0px;
  361.     background: url(../Graphics/logo_header.png) no-repeat left;
  362.     margin-top:-5px;
  363. }
  364.  
  365. #PROGRAM_INFO {
  366.     display: inline-block;
  367.     float:right;
  368.     font-size: 16px;
  369.     font-weight:bold;
  370.     vertical-align: middle;
  371.     margin-right: 5px;
  372.     line-height:60px;
  373. }
  374.  
  375. .new_show {
  376.     display: inline-block;
  377.     width:19px;
  378.     height:22px;
  379.     background: url(../Graphics/new.png) no-repeat center;
  380.     float:left;
  381.     margin-left:3px;
  382.     margin-right:20px;
  383.  
  384.     font-size:10px;
  385.     font-weight:bold;
  386.     font-variant: small-caps;
  387.     color: #b22222;
  388.     /* hide the text */
  389.     font-size:0px;
  390.     text-indent: -9000px; 
  391. }